<template>
  <a-card :bordered="false">
    <h3>价格方案</h3>
    <a-tabs default-active-key="1">
      <a-tab-pane key="1" tab="用电价格管理">
        <TslPriceElecList></TslPriceElecList>
      </a-tab-pane>
      <a-tab-pane key="2" tab="用水价格管理">
        <TslPriceWaterList></TslPriceWaterList>
      </a-tab-pane>
      <a-tab-pane key="3" tab="天然气价格管理">
        <TslPriceGasList></TslPriceGasList>
      </a-tab-pane>
      <a-tab-pane key="4" tab="热能价格管理">
        <TslPriceHeatList></TslPriceHeatList>
      </a-tab-pane>
      <a-tab-pane key="5" tab="生物颗粒价格管理">
        <TslPriceLightList></TslPriceLightList>
      </a-tab-pane>
      <a-tab-pane key="6" tab="颗粒M价格管理">
        <TslPriceParticleMList></TslPriceParticleMList>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import '@assets/less/TableExpand.less'
import TslPriceWaterList from './TslPriceWaterList.vue'
import TslPriceElecList from './TslPriceElecList.vue'
import TslPriceGasList from './TslPriceGasList.vue'
import TslPriceHeatList from './TslPriceHeatList.vue'

import TslPriceLightList from './TslPriceLightList.vue'
import TslPriceParticleMList from '@views/business/energy/TslPriceParticleMList.vue'
export default {
  components: {
    TslPriceParticleMList,
    TslPriceElecList, TslPriceWaterList, TslPriceGasList,TslPriceHeatList, TslPriceLightList
  },
  data() {
    return {
      description: '用能价格',
    }
  },

  methods: {
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>